

body{
	margin: 0;
}

div{
	/* width: 800px; */
	width: 400px;
	
	margin: 20px;
	/* border: 1px solid black; */
}

/* 
块级元素 是占 母元素的全部宽度
 
 */
.block {
	
	display: block;
	/* display: none; */
	background-color: #CCCCCC;
	width: 200px;
}


/* 行内元素只会作用 横向的宽高属性 ，不会作用域上下的宽高属性
 
 line padding 只能作用于横向的距离，对于上下有paddding 但是并不能把文字 上下的距离撑开
 
 */
.inline {
	display: inline;
	/* background-color: gold; */
	
	border: 1px solid black;
	margin: 20px;
}


/* padding  margin  weight height 

可以设置宽度 高度

行内块元素的体积 会对四周的内容都有影响
*/
.inline-block{
	width: 100px;
	display: inline-block;
	background-color:rgba(0,0,0,.2);
	border: 1px solid rgba(0,0,0,.2);
}

